<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>唯品会-订单信息</title>
     <!-- 禁止检查当前域名 -->
     <meta name="referrer" content="never">
     <!-- 网站图标 -->
     <link rel="shortcut icon" href="favicon.ico" />
     <!-- 初始化css文件：用来将所有浏览器中显示不一样的样式，变的一样 -->
     <link rel="stylesheet" href="../css/normalize.css">
     <!-- 引入bootstrap -->
     <!-- <link rel="stylesheet" href="../css/bootstrap.css"> -->
     <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
     <link rel="stylesheet" href="../css/order.css">
     <link rel="stylesheet" href="../css/layout.css">

</head>
<body>
    <div class="top">
        <div class="main cart-top clearfix">
            <div class="cart-top-rig">
                <ul class="ctr-top clearfix">
                    <li><a href="">已登录</a></li>
                    <li><a href="" class="logout">[退出]</a></li>
                    <li><a href="">订单管理</a><span style="padding-left: 5px;display:inline-block ;">|</span></li>
                    <li><span class="icon-fl-dianhua iconfont"
                            style="font-size: 12px;color:#666;padding: 0 5px;"></span>400-6789-888<span
                            style="padding-left: 5px;display:inline-block ;">|</span></li>
                    <li><a href=""><span class="icon-zaixiankefu iconfont"
                                style="font-size: 12px;color:#666;padding: 0 5px;"></span>在线客服</a><span
                            style="padding-left: 5px;display:inline-block ;">|</span></li>
                    <li><a href=""><span class="icon-huiyuan iconfont"
                                style="font-size: 12px;color:#666;padding: 0 5px;"></span>会员服务<span></span></a></li>
                </ul>
                <div class="ctr-bot">
                    <span><i></i><b>100%正品保证</b></span>
                    <span style="padding:0 20px;display:inline-block ;"><i></i><b>七天无理由放心退</b></span>
                    <span><i></i><b>限时抢购</b></span>
                </div>
            </div>
        </div>
    </div>
    <div class="middle main clearfix">
        <div class="flow-step">
            <a href="" class="flow-step-cart clearfix">
                <div class="flow-step-pic"></div>
                <div class="flow-step-text">查看购物袋</div>
            </a>
            <!-- <div class="flow-step-line-finished"></div> -->
        </div>
        <div class="flow-step">
            <a href="" class="flow-step-cart">
                <div class="flow-step-checkout-finished"></div>
                <div class="flow-step-text">确认订单信息</div>
            </a>
            <!-- <div class="flow-step-line-unfinished"></div> -->
        </div>
        <div class="flow-step">
            <a href="" class="flow-step-cart">
                <div class="flow-step-pay-unfinished"></div>
                <div class="flow-step-text">成功提交订单</div>
            </a>
        </div>
    </div>
    <div class="main mid">
        <div class="adress ">
            <span>配送至</span>
            <i>宝安区 西乡街道</i>
            <em>│</em>
            <b>请在<i class="clock"></i>内提交订单，下单后你另有 30 分钟的支付时间</b>
        </div>
        <div class="message" id="receive">收货信息</div>
        <a href="" class="add-address">
            <span class="glyphicon-address-add">+</span>
            <div class="add-address-text">添加地址</div>
        </a>
        <div class="clearfix list message">
            <div class="product">商品清单</div>
            <div class="return"><a href="cart.html">返回购物车修改商品</a></div>
        </div>
       <div class="table">
            <ul class="table-tt">
                <li>唯品会 发货订单</li>
                <li>单价</li>
                <li>数量</li>
                <li>小计</li>
            </ul>
            <ul class="table-tt">
                <li><img src="../img/my_cnt_pic.jpg" alt=""></li>
                <li>420</li>
                <li>2</li>
                <li>760</li>
            </ul>
            <ul class="table-bot clearfix">
                <li>商品总价:<span style="color:#f10180 ;">760</span></li>
            </ul>
       </div>
       <div class="message">支付信息</div>
       <div class="save">*请先保存收货信息</div>
       <div class="pay">
           <div class="confirm">待支付<span>￥240</span></div>
           <div class="tip">
               <span>请在倒计时结束前提交订单</span>
               <span>提交订单<i></i></span>
               <p>请先<a href="#receive" style="color:#1d94d1 ;text-decoration: none;">确认收货地址</a></p>
           </div>
           
       </div>
    </div>
    <ul class="picture main clearfix">
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div class="foot main">
        <p><a href="">关于我们</a>|<a href=""> About us</a>|<a href=""> Investor Relations</a>|<a href=""> 媒体报道</a>|<a
                href=""> 品牌招商</a>|<a href=""> 平台规则</a>|<a href=""> 隐私条款</a>|<a href=""> 唯品诚聘</a>|<a href=""> 唯品卡</a>|<a
                href=""> 联系我们</a>|<a href=""> 廉正举报</a></p>
        <div class="copy">
            <span>Copyright © 2008-现在 vip.com，All Rights Reserved 使用本网站即表示接受 <a href="">唯品会用户协议</a>。版权所有 <a
                    href="">广州唯品会电子商务有限公司</a></span>
            <span><a href="">粤公网安备 44010302111111号</a><a href=""></a>粤ICP备08114786号<a
                    href="">增值业务经营许可证：粤B2-20170777</a><a href="">网络文化经营许可证：粤网文〔2021〕2056-282号</a></span>
            <span><a href="">经营主体证照</a><a href=""></a>风险监测信息<a href="">互联网药品信息服务资格证书：（粤）-经营性-2018-0271</a><a
                    href="">网络食品交易第三方平台备案凭证：粤B2-20170777</a><a href="">医疗器械网络交易服务第三方平台备案</a></span>
            <span><a href="">凭证：（粤）网械平台备字[2019]第00001号</a>出版物网络交易平台服务经营备案证：粤新出网备（2021）1号<a href="">未成年人关怀专区</a></span>
            <span>违法和不良信息举报电话：4006789888 算法推荐违规举报电话：4006789888</span>
        </div>
        <div class="footer">
            <a href=""></a>
            <a href="">
                <!-- <img src="../img/footer_no_good-hash-1fe63524.png" alt=""> -->
            </a>
            <a href="">
                <img src="../img/icon1.png" alt="">
            </a>
            <a href=""></a>
        </div>
    </div>
</body>
</html>

<!-- 引入cookie的js -->
<script src="../utils/cookie.js"></script>
<script src="../lib/jquery.min.js"></script>
<script src="../lib/layer/layer.js"></script>
<script src="../js/order.js"></script>

